<!doctype html>
<html>
<head>
<include file="public:head" />
<link rel=stylesheet type=text/css href="__STATIC__/itaoke_mizhe/css/good_jp.css" />
</head>
<body>
<include file="public:header" />

<style>
.main-search .search-fields input {height: 33px;line-height: 33px;width: 370px;}

@font-face{font-family:'Glyphicons Halflings';src:url(http://cdn.bootcss.com/bootstrap/3.3.5/fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(http://cdn.bootcss.com/bootstrap/3.3.5/fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(http://cdn.bootcss.com/bootstrap/3.3.5/fonts/glyphicons-halflings-regular.woff) format('woff'),url(http://cdn.bootcss.com/bootstrap/3.3.5/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(http://cdn.bootcss.com/bootstrap/3.3.5/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.col-xs-12, .col-xs-6 {float: left;position: relative;min-height: 1px;}
.col-xs-6 {width: 50%;}
.col-xs-12 {width: 100%;}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.date .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #f6924c;
}
.glyphicon-yen:before {content: "\00a5";}
.img-responsive {display: block;max-width: 100%;height: auto;}
.quan_clear {padding: 0px;}
.quan_r {padding-right: 5px;}
.quan_l {padding-left: 5px;}
.pic {display: inline-block;padding-right: 10px;text-align: center;width: 270px;float: left;}
.pic img{width: 260px;height:260px;border-radius: 4px;}
.quanContent {padding-right: 5px;border: solid #E0E0E0 1px;margin-bottom: 10px;background-color: #fff;border-radius: 4px;}
.quanContent:hover {border: 1px solid #f50;}
.quan_header {margin-top: 12px;max-height: 52px;overflow: hidden;}
.quan_header a {line-height: 26px;font-size: 16px;color: #616161;}
.quan_title {color: #565656;}
.date {color: #f3659b;font-size: 22px;margin-bottom: 11px;}

.coupon {font-size: 12px;margin-bottom: 17px;}
.coupon span:nth-child(1) {color: #f3659b;}
.price {font-size: 15px;color: #FFD9EC;margin-top: 0px;background: #f50;height: 54px;line-height: 54px;padding-left: 20px;border-radius: 8px;}
.price span:nth-child(1) {font-size: 28px;font-family: Arial, Helvetica, sans-serif;color: #FFFFFF;}
.btn_buy {margin: 5px 5px 5px 5px;color: #999999;}
.btn_buy span:nth-child(1) {display: inline-block;border: 1px dashed #f50;padding: 6px;border-radius: 6px;color: #ec3315;}
.btn_buy span:nth-child(2) {display: inline-block;margin: 5px 5px 5px 5px;color: #999999;font-family: '宋体';font-size: 18px;font-weight: bold;}
.btn_buy span:nth-child(3) {display: inline-block;border: dashed 1px #f50;padding: 6px;border-radius: 6px;color: #ec3315;}
.btn_buy span:nth-child(1):hover {background-color: #FACB12;}
a{color: #5e5e5e;text-decoration: none;}
a:focus, a:hover {color: #5e5e5e;text-decoration: none;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color: #FFF;border-color: #FFF;}
.quan_nav {color: #777777;margin-right: 14px;}
.quan_nav_on {color: #EF4929;}
ul.navigation.fl li,ul.navigation.fl li a { -webkit-box-sizing: content-box; }

.w980 .pic img {width: 240px;height: 240px;}
.w980 .coupon {height: 20px;line-height: 20px;overflow: hidden;}
</style>

<div class="jiu-nav-main">
	<div class="jiu-nav  w980">

		<div class="nav-item fl">
			<div class="item-list">
				<ul>
				<li ><a href="{:U('quan/index')}" <empty name="cid"> class="active"</empty> >全部</a></li>
				<volist name="cate_data" id="bcate">
					<if condition="($bcate['pid'] eq 0) AND ($cdi lt 14)">
					<?php $cdi++; ?>
					<li><a <if condition="$cid eq $bcate['id']">class="active"</if> href="{:U('quan/index', array('cid'=>$bcate['id']))}" title="{$bcate.name}">{$bcate.name}</a></i>	
					</if>
				</volist>
				</ul>
			</div>
		</div>
		<div class="n_h">
			<a href="{:U('quan/index')}"  class=" <if condition="$sort eq 'default'"> active </if> ">默认</a>
			<a href="{:U('quan/index',array('sort'=>'volume'))}" class=" <if condition="$sort eq 'volume'"> active </if> ">销量</a>
			<a href="{:U('quan/index',array('sort'=>'price'))}" class=" <if condition="$sort eq 'price'"> active </if> ">价格</a></div>
		</div>

	</div>
</div>

<div class="main w980 clear">
	<ul class="quan-list w980">
		<volist name="items_list" id="item" key="i" mod="2">
		<div class=" col-xs-6 quan_clear <eq name="mod" value="1"> quan_l <else />  quan_r </eq>" >
			<div class=" col-xs-12 quan_clear quanContent">
				<div class=" col-xs-6 quan_clear  ">
					<a href="{:U('jump/index',array('id'=>$item['id']))}" class="pic" target="_blank" rel="nofollow">
					<img src="{:attach(get_thumb($item['pic_url'], '_b'),'item')}" class="img-responsive"></a>
				</div>
				<div class=" col-xs-6 quan_clear ">
					<p class="quan_header"></p><div style="float:left; width:16px; height:16px; background:url(__STATIC__/images/<eq name="item.shop_type" value="B">tmall<else />taobao</eq>.png); margin-left:0px; margin-right: 6px;margin-top:2px;"></div><div style="height:40px;overflow: hidden;"><a href="{:U('jump/index',array('id'=>$item['id']))}" target="_blank" class="quan_title" rel="nofollow">{$item.title}</a></div>
					<p class="date" style="">内部券<span class="glyphicon" aria-hidden="true">￥</span><b><?php echo floatval($item['quan']); ?></b>元</p>
					<p class="coupon">优惠券剩余 <span>{$item.quan_surplus}</span> 张，已领取<span>{$item.quan_receive}</span> 张<notempty name="item.volume">，销量<span>{$item.volume}</span></notempty></p>
					<div class="price">券后价￥<span><?php echo floatval($item['coupon_price']-$item['quan']); ?> </span>在售价￥<span><?php echo floatval($item['coupon_price']); ?></span></div>
					<div class="btn_buy">
						购买流程：<a href="{$item.quanurl}" target="_blank" rel="nofollow"><span>①点我领券</span></a><span>&gt;</span><a href="{:U('jump/index',array('id'=>$item['id']))}" rel="nofollow" target="_blank"><span>②点击下单</span></a>
					</div>
				</div>
			</div>
		</div>
		</volist>
	</ul>


	<div class="clear"></div>

	<notempty name="page">
	<div class="pagination tuan-before-page">
		{$page}<span class="enhanced_tip">&nbsp;</span>
	</div>
	</notempty>

</div>

 <script type="text/javascript">
$(function() {
    var $navFun = function() {
        var st = $(document).scrollTop(), 
            headh = $("div.header").height()+$("div#toolbar").height(); 
            $nav_classify = $("div.jiu-nav-main");

        if(st > headh){
            $nav_classify.addClass("fixed");
        } else {
            $nav_classify.removeClass("fixed");
        }
    };

    var F_nav_scroll = function () {
        if(navigator.userAgent.indexOf('iPad') > -1){
            return false;
        }      
        if (!window.XMLHttpRequest) {
           return;          
        }else{
            //默认执行一次
            $navFun();
            $(window).bind("scroll", $navFun);
        }
    }
    F_nav_scroll();

});
 </script> 
<include file="public:footer" />
</body>
</html>